<template>
    <div id="index">

        <div style="text-align: center; margin-top: 150px">
            <h1>管理员：{{userInfo.name}}，您好！</h1>
            <h1 style="font-size: 50px">欢迎您使用</h1>
            <div class="logo-img">

            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "index",
        data() {
            return {
                token: localStorage.getItem('TOKEN'),
                userInfo: {},
                logo: {
                    backgroundImage: "url(" + require("../../src/image/Background-6.png") + ")",
                    backgroundRepeat: "no-repeat",
                    backgroundSize: "cover"
                },
            }
        },
        created() {
            this.$axios.get('/api/user/token', {headers: {TOKEN: this.token}}).then(res => {
                this.userInfo = res.data.data;
            });
        },
    }
</script>

<style lang="scss">
    #index {
        /*height: 100%;*/
        .logo-img{
            /*border: 1px solid red ;*/
            height: 150px;
            background: url("~@/../src/image/LOGO-3-1.png") center center no-repeat;
        }
    }

</style>